<!DOCTYPE html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- bootstrap-css -->
<link rel="stylesheet" href="/theme/css/bootstrap.min.css" >
<!-- //bootstrap-css -->
<!-- Custom CSS -->
<link href="/theme/css/style.css" rel='stylesheet' type='text/css' />
<link href="/theme/css/style-responsive.css" rel="stylesheet"/>
<!-- font CSS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- font-awesome icons -->
<link rel="stylesheet" href="/theme/css/font.css" type="text/css"/>
<link href="/theme/css/font-awesome.css" rel="stylesheet"> 
<link rel="stylesheet" href="/theme/css/morris.css" type="text/css"/>
<!-- calendar -->
<link rel="stylesheet" href="/theme/css/monthly.css">
<!-- //calendar -->
<!-- //font-awesome icons -->
<script src="/theme/js/jquery2.0.3.min.js"></script>
<script src="/theme/js/raphael-min.js"></script>
<script src="/theme/js/morris.js"></script>
<link rel="stylesheet" href="/theme/timepicker/bootstrap-datetimepicker.min.css">
<!-- //calendar -->
<!-- //font-awesome icons -->
<script src="/theme/timepicker/bootstrap-datetimepicker.min.js"></script>
</head>
<body>
<section id="container">
<!--header start-->
<header class="header fixed-top clearfix">
<!--logo start-->
<div class="brand">
    <a href="javascript:void(0);" class="logo">
        UNITOP
    </a>

</div>
<!--logo end-->
<div class="nav notify-row" id="top_menu">
    <!--  notification start -->
    <ul class="nav top-menu">


        <!-- inbox dropdown end -->
        <!-- notification dropdown start-->
    <!--
        <li id="header_notification_bar" class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                <i class="fa fa-bell-o"></i>
                <span class="badge bg-warning my_express">0</span>
            </a>
            <ul class="dropdown-menu extended notification">
                <li>
                    <p>Notifications</p>
                </li>
                <li>
                    <div class="alert alert-success clearfix">
                        <span class="alert-icon"><i class="fa fa-bolt"></i></span>
                        <div class="noti-info">
                            <a href="#"> Server #3 overloaded.</a>
                        </div>
                    </div>
                </li>

            </ul>
        </li>
    -->
        <!-- notification dropdown end -->
    </ul>
    <!--  notification end -->
</div>
<div class="top-nav clearfix">
    <!--search & user info start-->
    <ul class="nav pull-right top-menu">
        <!-- user login dropdown start-->
        <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <span class="username">Login Out</span>
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu extended logout">
                <li><a href="/index/check/logout"><i class="fa fa-key"></i> Log Out</a></li>
            </ul>
        </li>
        <!-- user login dropdown end -->
       
    </ul>
    <!--search & user info end-->
</div>
</header>
<!--header end-->
<!--sidebar start-->
<aside>
    <div id="sidebar" class="nav-collapse">
        <!-- sidebar menu start-->
        <div class="leftside-navigation">
            <ul class="sidebar-menu" id="nav-accordion">

                <li>
                    <a class="active" href="/index/goods/goods_list">
                        <i class="fa fa-dashboard"></i>
                        <span>Delivery List</span>
                    </a>
                </li>
                <li>
                    <a class="active" href="/index/goods/goods_add">
                        <i class="fa fa-dashboard"></i>
                        <span>Add Delivery</span>
                    </a>
                </li>

                <li>
                    <a class="active" href="/index/category/pwd_edit">
                        <i class="fa fa-dashboard"></i>
                        <span>Change Password</span>
                    </a>
                </li>
            </ul>                          
        </div>
        <!-- sidebar menu end-->
    </div>
</aside>
<!--sidebar end-->
<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        {__CONTENT__}  
    </section>
</section>
 <!-- footer -->
          <div class="footer">
            <div class="wthree-copyright">

            </div>
          </div>
  <!-- / footer -->
</section>
<!--main content end-->
</section>
<script src="/theme/js/bootstrap.js"></script>
<script src="/theme/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="/theme/js/scripts.js"></script>
<script src="/theme/js/jquery.slimscroll.js"></script>
<script src="/theme/js/jquery.nicescroll.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="/theme/js/flot-chart/excanvas.min.js"></script><![endif]-->
<script src="/theme/js/jquery.scrollTo.js"></script>
<!-- morris JavaScript -->  


</body>
</html>
